React Server Components, Next.js App Router and examples

#React_Server_Components #App_Router #Addy_Osmani #React

RSCとApp Routerの実装サンプルとメンタルモデルのケア

@addyosmani: Looking for examples of React Server Components & Next.js App Router?

📰 Hacker News: https://t.co/MozMEKc12u

🎥 Movies: https://t.co/1606DHVMvn

💰 Commerce: https://t.co/RmZvcGkIEJ

🏠 AirBnB: https://t.co/uqFCQseKwb

📊 Taxonomy: https://t.co/6UmpQ752lj

My rough notes:…

https://pbs.twimg.com/media/FvizPEXaMAAAtVw.jpg

https://addyosmani.com/blog/react-server-components-app-router/

Facilitate a seamless code transition experience, also referred to as "knitting," between server and client components

サーバーとクライアントのコンポーネント間で、「ニッティング」とも呼ばれるシームレスなコード移行体験を促進する。

RSCs share similarities with Astro components in their server-only mental model

RSCは、サーバーのみのメンタルモデルでAstroコンポーネントと共通点がある

RSC protocol enables the server to expose a special endpoint for the client to request parts of the component tree, allowing for SPA-like routing with MPA-like architecture

RSCプロトコルにより、サーバーはクライアントがコンポーネントツリーの一部を要求するための特別なエンドポイントを公開し、MPAライクなアーキテクチャでSPAライクなルーティングを可能にする。

The React team believes RSCs will eventually be widely adopted and change the ecosystem. React community members open to helping folks adopt RSC.

Reactチームは、RSCがいずれ広く採用され、エコシステムを変えると信じています。Reactコミュニティのメンバーは、人々がRSCを採用するのを助けることに前向きです。